// Options page CSS entry point

@import '../../shared/src/global-styles/colors.scss';
@import '../../shared/src/global-styles/icons.scss';
@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/reboot';
@import 'bootstrap/scss/type';
@import 'bootstrap/scss/utilities';
@import 'bootstrap/scss/grid';
@import 'bootstrap/scss/forms';
@import 'bootstrap/scss/input-group';
@import 'bootstrap/scss/custom-forms';
@import 'bootstrap/scss/buttons';
@import 'bootstrap/scss/button-group';
@import 'bootstrap/scss/alert';
@import './libs/options/OptionsContainer';

:root {
    // Use a smaller base size than the default 16px,
    // because an options menu should feel more like a
    // natural extension of the browser's UI than a webpage
    // This also affects all border-radiuses etc (everything that uses rem).
    font-size: 14px;
}
